<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="./css/main.style.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="./js/jquery.hover3d.min.js"></script>
	<script src="https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
    <title>Document</title>
</head>
<body id="product">
	<header>
		<ul class="clearfix">
			<li><a href="#">服务与支持</a></li>
			<li><a href="#">圈子</a></li>
			<li><a href="#">下载中心</a></li>
			<li><a href="#">名家直播</a></li>
			<li><a href="./product.html">产品</a></li>
			<li><a href="#">首页</a></li>
		</ul>
	</header>
	<div class="fixtop">
		<ul class="clearfix">
			<li><a class="product-btn-side"href="#">首页</a></li>
			<li><a class="product-btn" href="#">多屏电脑</a></li>
			<li><a class="product-btn-1" href="#">KT交易师</a></li>
			<li><a class="product-btn-side" href="#">全推数据</a></li>
			<li><a href="#">专业配件</a></li>
			<li><a href="#">服务</a></li>
		</ul>
	</div>
	<div class="product-list">
		<div class="product-list-wapper">
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/slogan-odin-black-r.8f61099fd493acc80ea9b76cc7507353.png" alt="">
					<span class="product-name">锤子手机</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/slogan-odin-black-r.8f61099fd493acc80ea9b76cc7507353.png" alt="">
					<span class="product-name">锤子手机</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/slogan-odin-black-r.8f61099fd493acc80ea9b76cc7507353.png" alt="">
					<span class="product-name">锤子手机</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/slogan-odin-black-r.8f61099fd493acc80ea9b76cc7507353.png" alt="">
					<span class="product-name">锤子手机</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/slogan-odin-black-r.8f61099fd493acc80ea9b76cc7507353.png" alt="">
					<span class="product-name">锤子手机</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/slogan-odin-black-r.8f61099fd493acc80ea9b76cc7507353.png" alt="">
					<span class="product-name">锤子手机</span>
				</a>
			</div>
		</div>
	</div>
	<div class="product-list-1">
		<div class="product-list-wapper">
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/1.png" alt="">
					<span class="product-name">经典版</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/2.png" alt="">
					<span class="product-name">专业版</span>
				</a>
			</div>
			<div class="product-list-item">
				<a href="#">
					<img data-original="./imgs/3.png" alt="">
					<span class="product-name">多屏版</span>
				</a>
			</div>
		</div>
	</div>
	<div class="movie-wapper">
		<div class="movie movie-active">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-0"></div>
				<div class="layer-text layer-text-3"></div>
				<div class="layer-text layer-text-4"></div>
			</div>
		</div>
		<div class="movie">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-1"></div>
				<div class="layer-text layer-text-1"></div>
			</div>
		</div>
		<div class="movie">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-1"></div>
				<div class="layer-text3"></div>
				<div class="layer-text4"></div>
			</div>
		</div>
		<div class="movie">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-2"></div>
				<div class="layer-text layer-text-1"></div>
			</div>
		</div>
		<div class="movie">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-2"></div>
				<div class="layer-text3"></div>
				<div class="layer-text4"></div>
			</div>
		</div>
		<div class="movie">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-3"></div>
				<div class="layer-text layer-text-1"></div>
			</div>
		</div>
		<div class="movie">
			<div class="movie-card">
				<div class="layer-shadow"></div>
				<div class="layer-banner layer-banner-3"></div>
				<div class="layer-text3"></div>
				<div class="layer-text4"></div>
			</div>
		</div>
		<ul class="movie-togle">
			<li><a class="active" href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
			<li><a href="#"></a></li>
		</ul>
	</div>
	<section class="container index-2" data-section-name="four">
		<div class="desc-wapper">
			<div class="desc-text">
				<h3>大格局 大视野</h3>
				<span class="cube">了解KT交易师金融多屏电脑</span>
			</div>
			<img data-original="./imgs/index-2.png" alt="" class="gold-6">
		</div>
	</section>
	<section class="container index-3 item-1" data-section-name="one">
		<div class="desc-wapper">
			<div class="desc-text">
			<h3>以先进技术 秉承工匠精神倾力打造</h3>
			<span class="cube">了解KT交易师金融多屏电脑</span>
			<div class="switch-4 clearfix">
				<span class="span-active">金色</span>
				<span>银色</span>
			</div>
		</div>
			<div class="img-wapper">
			<div class="img">
				<img data-original="./imgs/index-3-1.png" class="gold4-img-1 active">
			</div>
			<div class="img">
				<img data-original="./imgs/index-3-1.png" class="siliver4-img-1">
			</div>
		</div>
	</section>
	<section class="container index-4" data-section-name="four">
		<div class="desc-wapper">
			<div class="desc-text">
				<h3>预见 智能投资时代</h3>
				<span class="subtitle">科学决策 量化投资</span>
				<span class="cube">了解KT交易师金融软件</span>
			</div>
			<img data-original="./imgs/index-4.png" alt="" class="gold-6">
		</div>
	</section>
	<section class="container index-5 item-1" data-section-name="one">
		<div class="desc-wapper">
			<div class="desc-text">
			<h3>信心源自专业 成功因为先进</h3>
			<div class="line"></div>
			<span>专业态度从专业工具开始</span>
			<div class="switch-4 clearfix">
				<span class="span-active">金色</span>
				<span>银色</span>
			</div>
		</div>
			<div class="img-wapper">
			<div class="img">
				<img data-original="./imgs/index-5.png" class="gold4-img-1 active">
			</div>
			<div class="img">
				<img data-original="./imgs/index-5.png" class="siliver4-img-1">
			</div>
		</div>
	</section>
	<section class="container index-6" data-section-name="six">
		<div class="desc-wapper">
			<div class="desc-text">
				<h3>闪电般捕捉奥秘与先机</h3>
				<h3>专业而独有的大数据挖掘工具</h3>
				<span class="cube">了解KT交易师金融数据服务</span>
			</div>
			<img data-original="./imgs/index-6.png" alt="" class="gold-6">
		</div>
	</section>
	<section class="container index-7" data-section-name="six">
		<div class="desc-wapper">
			<div class="desc-text">
				<h3>迎接智能时代</h3>
				<span>KT交易师 伴你迈向王者的自由之境</span>
			</div>
		</div>
	</section>
	<div class="product clearfix">
		<div class="hot-sale">
			<span></span>
			<h3>热卖商品</h3>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/gold4-1.png" alt="">
					<img data-original="./imgs/siliver4-1.png" class="right" alt="">
					<div class="cotrol-wapper">
						<span></span>
						<span class="silver"></span>
					</div>
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 四屏金融电脑</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/gold-6-1.png" alt="">
					<img data-original="./imgs/siliver-6-1.png"  class="right" alt="">
					<div class="cotrol-wapper">
						<span></span>
						<span class="silver"></span>
					</div>
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 六屏金融电脑</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/keyboard-mouse.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 定制金融鼠键</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/1.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 经典版</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/2.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 专业版</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/3.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 多屏版</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/4.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 手机客户端</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/5.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>KT交易师 全推数据</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
		<div class="product-item">
			<div class="product-item-wapper">
				<div class="product-item-img">
					<img data-original="./imgs/5.png" alt="">
				</div>
				<div class="product-item-desc">
					<span>产品简述</span>
					<h4>定制交易室</h4>
					<h3>￥1000</h3>
				</div>
			</div>
			<a class="product-item-link" href="#"></a>
		</div>
	</div>
	<footer>
		<div class="contact clearfix">
			<ul>
				<div>
					<span>400-186-8106</sapn>
					<span class="after"> / 027-65029083（硬件售后）</span>
				</div>
				<div>
					<span class="time">周一至周五 08:30 - 17:30</span>
				</div>
				<img data-original="./imgs/phone.svg" alt="" class="phone">
			</ul>
			<ul class="withpic">
				<span>
					<img data-original="./imgs/wechat.svg" alt="">
				</span>
				<span>微信公众号</span>
				<span>
					<img data-original="./imgs/server.svg" alt="">
				</span>
				<span>在线客服</span>
			</ul>
		</div>
		<div class="footer-container">
			<ul>
				<li>账户管理</li>
				<li><a href="#">注册账户</a></li>
				<li><a href="#">账号安全</a></li>
				<li><a href="#">找回密码</a></li>
			</ul>
			<ul>
				<li>订单服务</li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">支付方式</a></li>
				<li><a href="#">发货时效</a></li>
				<li><a href="#">物流配送</a></li>
				<li><a href="#">发票说明</a></li>
				<li><a href="#">取消订单</a></li>
			</ul>
			<ul>
				<li>技术支持</li>
				<li><a href="#">PC端软件</a></li>
				<li><a href="#">手机APP</a></li>
				<li><a href="#">机器组装</a></li>
				<li><a href="#">多屏调试</a></li>
				<li><a href="#">相关下载</a></li>
			</ul>
			<ul>
				<li>售后服务</li>
				<li><a href="#">服务政策</a></li>
				<li><a href="#">退货换货</a></li>
			</ul>
			<ul>
				<li>培训服务</li>
				<li><a href="#">教师问题</a></li>
				<li><a href="#">学员权益</a></li>
			</ul>
			<ul>
				<li>关于我们</li>
				<li><a href="#">了解我们</a></li>
				<li><a href="#">加入我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">郑重声明</a></li>
			</ul>
			<ul>
				<img data-original="./imgs/qr.svg" alt="">
				<h3>微信公众号二维码	</h3>
			</ul>
		</div>
		<div class="copyright">
			<span>证监会投资咨询许可号：ZX0006</span>
			<span>北京股商投资有限公司 广州新博庭网络信息科技股份有限公司 京IPC备13038920号-8</span>
		</div>
	</footer>
	<div class="scroll-top">
		<img src="./imgs/arrow.svg" alt="">
	</div>
</body>
<script src="./js/main.js"></script>
<script>
    $(".movie").hover3d({
        selector: ".movie-card",
        shine: true,
        sensitivity: 200
    });
</script>
</html>